<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			div{
				height: 100px;
				background: pink;
				margin: 10px;
				display: none;
			}
		</style>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				var btn = $("button");
				var div = $("div");
				btn.click(function(){
//					div.show(1000);
//					div.html("今天是十二月十四号");
					//链式编程
					div.show(3000).html("今天是十二月十四号");
				});
			})
		</script>
	</head>
	<body>
		<button>显示盒子和设置内容</button>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<a href="jqdom对象和jsdom对象的转换.html">jq与jsj转换</a>
		<a href="三种入口函数.html">入口函数</a>
		<a href="过滤选择器.html">选择器</a>
		<a href="16-手风琴案例（parent + next）.html">demo1</a>
		<a href="下拉菜单.html">demo2</a>
		<a href="开关灯.html">demo3</a>
		<a href="突出显示.html">demo4</a>
		<a href="隔行变色.html">demo5</a>
		<a href="鼠标移入高亮.html">demo6</a>
		<a href="17-淘宝精品服饰广告案例（层级+eq+siblings+index）/index.html">demo7</a>
	</body>
</html>
